<template>
  <div>
    <h1>Find</h1>
    <h2>{{ $route.query }}</h2>
    <!-- <h2>{{ $route.query.a }} - {{ $route.query.b }}</h2> -->
    <button @click="goFriend">去friend</button>
  </div>
</template>

<script>
export default {
  name: "FindPage",
  created() {
    // 对于?xxx=yyy&键=值 可以通过this.$route.query 在模板中this省略
    console.log(this.$route.query);
  },
  methods: {
    goFriend() {
      console.log("go friend");
      // 使用name跳转，需要在我们配置映射的时候 对应的那条规则加上name属性
      this.$router.push({
        name: "friend",
      });
    },
  },
};
</script>

<style>
</style>